<!DOCTYPE html>
<html>
<head>
    <th:block th:include="include :: headermain('互助保障系统V3')"/>
    <title>业务办理-入会业务-职工入会</title>
    <script src="/plugin/jquery/jquery.min.js"></script>
    <script src="/plugin/jquery/jquery.plugin.js"></script>
    <script src="/plugin/vue/vue.min.js"></script>
    <script src="/plugin/layui/layui.all.js"></script>
    <script src="/unit/resource/js/script.js"></script>
</head>
<body>
<div class="page">
    <!-- 头部信息 -->
    <th:block th:include="include :: top"/>
    <div class="center">
        <div class="page-content page-wrap">
            <!-- 左侧导航 -->
            <th:block th:include="include :: left"/>
            <div class="page-wrap-container">

                <div class="page-account">
                    <div class="page-tab">
                        <a href="/hzpolicy/hzPolicyFront/policySituation">参互情况</a>
                        <a href="/hzpolicy/hzPolicyFront/policyApply">业务办理</a>
                        <a class="on" href="/hzpolicy/hzPolicyFront/policyPerson">职工入会</a>
                    </div>
                    <div class="page-tab-content" style="display:block;padding-top:30px;">
                        <form method="post" class="page-form">
                            <div class="page-form-item">
                                <div class="page-form-input">
                                    <input type="text" style="width:200px" placeholder="证件号码" id="idCard" name="idCard" value="${idCard}" />
                                </div>
                                <div class="page-form-input">
                                    <button type="submit" class="layui-btn">查询</button>
                                </div>
                            </div>
                        </form>
                        <!-- <h2 style="font-size:14px; margin-bottom:8px;">在职职工医疗互助活动</h2> -->
                        <table id="hzxh_policy_person_info_list" class="page-table" style="margin-bottom:50px; font-size:12px;">
                            <c:if test="${not empty hzPolicyInfos}">
                                <tr>
                                    <th>计划编号</th>
                                    <th>份数</th>
                                    <th>标准</th>
                                    <th>保障期</th>
                                    <th>入会单位</th>
                                    <th>办理机构</th>
                                    <th>办理步骤</th>
                                </tr>
                                <c:forEach items="${hzPolicyInfos}" var="hzPolicyInfo">
                                    <tr>
                                        <td>${hzPolicyInfo.insuranceno}</td>
                                        <td>${hzPolicyInfo.unitqty}份</td>
                                        <td>${hzPolicyInfo.price}</td>
                                        <td>${hzPolicyInfo.startTime} 至 ${hzPolicyInfo.endTime}  </td>
                                        <td>${hzPolicyInfo.unitName}</td>
                                        <td>${hzPolicyInfo.handleId}</td>
                                        <%-- <td class="page-table-green">${hzPolicyInfo.stepId}</td> --%>
                                        <td>${hzPolicyInfo.stepId}</td>
                                    </tr>
                                </c:forEach>
                            </c:if>
                        </table>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- 底部信息 -->
    <th:block th:include="include :: footer"/>
</div>

<script type="text/javascript">
    $(".layui-btn").click(function () {
        var idCard = $('#idCard').val();
        $.ajax({
            url : "/hzpolicy/hzPolicyFront/policyPerson?idCard=" + idCard,
            method : 'Post',
            dataType: "json"
        });
    })
</script>

</body>
</html>
